<template>
    <div>
        <div class="my_page" v-if="isConfig">
            <topView :isView="isView"></topView>
            <!-- 饼图、柱状和折线 -->
            <viewChart :isView="isView"></viewChart>
            <!-- 饼图和表格 -->
            <tableChart :isView="isView"></tableChart>
        </div>
        <div class="no_config" v-else>
        </div>
    </div>
</template>

<script>
import * as echarts from 'echarts'
import charts from '@/views/chart/chart.js'
import dialPublic from "@/views/chart/dialPublic.vue"
import tableChart from '@/views/newSystem/projectOverview/tableChart.vue'
import viewChart from './viewChart.vue'
import topView from './topView.vue'
import { queryWarnOrSysState } from '@/api/projectOverview/index'
export default {
    components: {
        dialPublic,
        tableChart,
        viewChart,
        topView,
    },
    data() {
        return {
            isView: true, //展示还是配置
            isSet: false, //是否可配置数据
            isConfig: true, //是否已经配置
            dialSet: [],
            viewSet: [],
            tableSet: [],
        }
    },
    created() {

    },
    mounted() {
    },
    methods: {

    }
}
</script>
<style scoped lang="scss">
.my_page {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 50px);
    padding: 20px;
}

.no_config {
    width: 100%;
    height: calc(100vh - 50px);
    background-image: url('../../../assets/img/no_config.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
</style>